*{
	margin: 0px;
	padding: 0px;
}
#bossDiv{
	width:100%;
	height:100%;
}
.header{
	width: 1300px;
	height: 60px;
	margin: auto;
}
.headerOne img{
	width: 200px;
	height: 50px;
}
.headerTwo {
	 margin-top: 10px;
}
.headerTwo img{
	vertical-align: middle;
}
.headerTwo input{
    width: 250px;
	height: 30px;
	border: 1px solid #ccc;
	text-align: center
}
.headerThree{
	padding-top: 10px;
}
.header div{
	 width: 400px;
	 float: left;
}
.header li{
	 list-style: none;
	 float: left;
}
.header a{
	  text-decoration: none;
	  color: #3B99FC;
}


#header-con{
	height: 8%;
	width: 800px;
	position: absolute;
	
}

#logo2x img{
	height: 50px;
	line-height: 50px;
	width: 200px;
	position: absolute;
	top: 4px;
}

/* 搜索框 */
#search{
	width: 450px;
	height: 100%;
	float: right;
	position: relative;
}

#search-con{
	width: 384px;
	height: 34px;
	position: absolute;
	top: 16px;
}

#searchText{
	width: 350px;
	height: 30px;
	border: 1px solid #E6E6FA;
	outline: none;
}
#search-img{
	width: 36px;
	height: 32px;
	position: absolute;
	left: 353px;
	top: 0px;
}
#search-con a{
	display: inline-block;
	background-color:#3B99FC;
	width: 30px;
	height: 34px;
	float: right;
	background-image: url(../images/check@2x.png);
	background-repeat: no-repeat;
	background-position:-64px 0px ;
}

/* 右侧菜单 */
#topMenu{
	width: 450px;
	height: 100%;
	line-height: 150%;
	text-align: center;
	position: absolute;
	left: 810px;
	font-size: 14px;
}

#topMenu li{
	display: inline-block;
	list-style: none;
	position: relative;
	top: 25px;
}

#topMenu li a{
	text-decoration: none;
	color: #3B99FC;
}

.menu-line{
	color: #DCDCDC;
}

/* English下拉单 */
#EnglishSlide{
	width: 70px;
	height: 80px;
	border: 1px solid rgb(200,200,200);
	position: absolute;
	top: 20px;
	background-color: white;
	display:none;
	z-index: 5;
}
#EnglishSlide li{
	width: 100%;
	height: 20px;
	font-size: 13px;
	line-height: 20px;
}

#EnglishSlide li a:link{
	color: blue;
	text-decoration: none;
}
#EnglishSlide li a:hover{
	color: skyblue;
}
/* 我的12306下拉单 */
#my12306{
	width: 130px;
	height: 430px;
	border: 1px solid rgb(248,248,248);
	position: absolute;
	top: 18px;
	background-color: white;
	display: none;
	z-index: 5;
	font-size: 13px;
}


#my12306 li{
	width: 100%;
	height: 25px;
	line-height: 25px;
}

#my12306 li a{
	color: black;
}

#my12306 .myline{
	height: 0px;
	border-bottom: 1px dashed rgb(200,200,200);
}





.titleBar{
	width: 100%;
	height: 50px;
	background-color: #3B99FC;
}
.titleBarOne{
	 width:1250px;
	 height:50px;
	 margin: auto;
}
.titleBarOne li{
	 width: 150px;
	 height: 50px;
     list-style: none;
     float: left;
     text-align:center;
     line-height: 50px;
}
.titleBarOne a{
	 text-decoration: none;
	 color: white;
}
.titleBarOne span img{   
     transform:rotate(90deg);
     margin-left: 10px;
}
.titleBarOne li:hover{
        background-color: rgba(38,118,227);
}
.content{
	  width:950px;
	  border: 1px solid #298CCE;
	  margin: auto;
	  margin-top: 20px;
	  background-color: #EEF1F8;
}
.contentOne{
	 width: 850px;
	 height: 50px;
	 margin: auto;
}
.contentOne li{
	   list-style: none;
	   height: 50px;
	   float: left;
	   margin-left: 20px;
	   line-height: 50px;
}
.contentOne a{
	text-decoration: none;
	color: black;
}
.contentOne  input{
	  width: 150px;
	  height:  25px;
}
.contentOne span{
      color: red;
}
.Inquire{
	border: 1px solid red;
	width: 55px;
	height: 45px;
	text-align: center;
	background-color: rgba(255,128,0);
}
.Inquire a{
	color: white;
}
.contentTwo{
	width: 900px;
	height: 50px;
	margin: auto;
}
.contentTwo  li{
	list-style: none;
	float: left;
	margin-left: 10px;
	height: 45px;
	line-height: 45px;
}
.contentTwo a{
	 text-decoration: none;
	 color: black;
}
.contentTwo .Designated{
      width: 150px;
	  height: 25px;
}
.contentThree{
	 width: 870px;
	 height: 30px;
	 border: 1px solid #FBD800;
	 border-radius: 10px;
	 margin: auto;
	 font-size: 5px;
	 line-height: 30px;
	 background-color: #FFFBE5;
	 color: #666666;
}
.midst{
	width:950px;
	height: 500px;
	border: 1px solid white;
	margin: auto;
	margin-top: 10px;
}
.end{
	width: 100%;
	height: 200px;
	margin-top: 10px;
	overflow: hidden;
	box-sizing:content-box;
	background-color: #F8F8F8;
}
.endOne{
	width: 500px;
	height: 200px;
}
.endTwo{
	width: 900px;
	height: 300px;
}
.endOnly div{
    float: left;
    margin-left: 110px;
}
.endImg{
	width:500px;
}
.endImg img{
	 width: 45%;
}
.endImg2{
	width:500px;
}
.endImg2 img{
	 width: 45%;
}
.endTwo li{
   list-style: none;
}
.endTwos img{
	 width: 90%;
}
.endTwoOne {
	width: 700px;
	height: 50px;
	color: black;
	font-size: 15px;
}
.endTwoOne li{
    float: right;
    margin-right: 55px;
}
.endTwos{
	width: 700px;
	height: 50px;
}
.endTwos li{
	float: right;
	width: 100px;
	height: 100px;
	margin-right: 60px;
}
.ends{
	width: 100%;
	height: 100px;
	background-color: #666666;
	position: relative;
}
.endsOne{
	width: 500px;
	height: 50px;
	line-height: 50px;
	margin: auto;
	text-align: center;
	color: white;
	font-size: 10px;
}
.endTwo{
	width: 800px;
	height: 50px;
	margin: auto;
	text-align: center;
	color: white;
	font-size: 10px;
}
.endTwo img{
	vertical-align: middle;
}
.endsImg{
    position: absolute;
    left: 1300px;
    top: 30px;
}
.titleBarTwo{
	  width:1248px;
	  height:130px;
	  border:1px solid #298CCE;
	  position: relative;
	  top: -980px;
	  margin: auto;
	  background-color: white;
	  display: none;
}
.titleBarTwos div{
	  width:207px;
	  height:130px;
	  border-right: 1px solid #298CCE;
	  float: left;
}
.titleBarTwos li{
	 list-style: none;
	 padding-top: 20px;
	 color: #3B99FC;
	 text-align: center;
}
.titleBarTwos a{
	text-decoration: none;
	color:#999999;
}
.titleBarTwos a:hover{
	color: #3B99FC;
}
.titleBarThree{
	  width:1248px;
	  height:60px;
	  border: 1px solid #298CCE;
	  position: relative;
      top: -980px;
	  background-color: white;
	  margin: auto;
	  display: none;
}
.titleBarThrees div{
	 width: 200px;
	 height:60px;
	 float: left;
	 border-right: 1px solid #298CCE;
}
.titleBarThrees li{
	list-style: none;
	text-align: center;
	padding-top: 20px;
}
.titleBarThrees a{
	 text-decoration: none;
     color:#999999;
}
.titleBarThrees a:hover{
	color: #3B99FC;
}
.titleBarFour{
	  width:1248px;
	  height:60px;
	  border: 1px solid #298CCE;
	  position: relative;
	  top: -980px;
	  background-color: white;
	  margin: auto;
	  display: none; 
}
.titleBarFours div{
	 width: 200px;
	 height:60px;
	 float: left;
	 border-right: 1px solid #298CCE;
}
.titleBarFours li{
	list-style: none;
	text-align: center;
	padding-top: 20px;
}
.titleBarFours a{
    text-decoration: none;
     color:#999999;
}
.titleBarFours a:hover{
	color: #3B99FC;
}
.titleBarfive{
	  width:1248px;
	  height:100px;
	  border: 1px solid #298CCE;
	  position: relative;
	  top: -980px;
	  background-color: white;
	  margin: auto;
	  display: none;
}
.titleBarfives div{
	 width: 200px;
	 height:100px;
	 float: left;
	 border-right: 1px solid #298CCE;
}
.titleBarfives li{
    list-style: none;
	text-align: center;
	padding-top: 20px;
}
.titleBarfives a{
    text-decoration: none;
     color:#999999;
}
.titleBarfives a:hover{
	color: #3B99FC;
}
.titleBarsix{
	  width:1248px;
	  height:140px;
	  border: 1px solid #298CCE;
	  position: relative;
	  top: -980px;
	  background-color: white;
	  margin: auto;
	  display: none;
}
.titleBarsixs div{
	 width: 207px;
	 height:140px;
	 float: left;
	 border-right: 1px solid #298CCE;
}
.titleBarsixs li{
    list-style: none;
	text-align: center;
	padding-top: 10px;
	color: #298CCE;
}
.titleBarsixs a{
	text-decoration: none;
    color:#999999;
}
.titleBarsixs a:hover{
	color: #3B99FC;
}
.titleBarseven{
	  width:1248px;
	  height:85px;
	  border: 1px solid #298CCE;
	  position: relative;
	  top: -980px;
	  background-color: white;
	  margin: auto;
	  display: none;
	  
}
.titleBarsevens div{
	 width: 207px;
	 height:85px;
	 float: left;
	 border-right: 1px solid #298CCE;
}
.titleBarsevens  li{
    list-style: none;
	text-align: center;
	padding-top: 20px;
	color: #298CCE;
}
.titleBarsevens a{
	text-decoration: none;
    color:#999999;
}
.titleBarsevens a:hover{
	color: #3B99FC;
}
.titleBarEight{
	  width:1248px;
	  height:100px;
	  border: 1px solid #298CCE;
	  position: relative;
	  top: -980px;
	  background-color: white;
	  margin: auto;
	  display: none;
}
.titleBarEights div{
     width: 207px;
	 height:85px;
	 float: left;
	 border-right: 1px solid #298CCE;
}
.titleBarEights li{
	list-style: none;
	text-align: center;
	padding-top: 10px;
	color: #298CCE;
}
.titleBarEights a{
	text-decoration: none;
    color:#999999;
}
.titleBarEights a:hover{
	color: #3B99FC;
}
.My12306{
	 width: 120px;
	 height: 380px;
	 border: 1px solid #999999;
	 position: absolute;
	 top: 30px;
	 left: 1210px;
	 background-color: white;
	 display: none;
}
.My12306s p{
   padding: 5px;
   font-size: 13px;
}
.My12306s p a{
	 text-decoration: none;
	 color:#999999;
}
.language{
	  width:90px;
	  height:80px;
	  border: 1px solid #999999;
	  position: absolute;
	  top: 32px;
	  left: 1150px;
	  background-color: white;
	  display: none;	 
}
.languages p{
	 padding: 5px;
    font-size: 14px;
}
.languages a{
	 text-decoration: none;
	 color:#999999;
}
@keyframes boxIn{
	0%{
		transform: rotate(90deg)
	}
	20%{
		transform: rotate(120deg)
	}
	40%{
		transform: rotate(150deg)
	}
	60%{
		transform: rotate(180deg)
	}
	80%{
		transform: rotate(210deg)
	}
	100%{
		transform: rotate(270deg)
	}
}

@keyframes boxout{
	0%{
		transform: rotate(270deg)
	}
	20%{
		transform: rotate(310deg)
	}
	40%{
		transform: rotate(340deg)
	}
	60%{
		transform: rotate(370deg)
	}
	80%{
		transform: rotate(400deg)
	}
	100%{
		transform: rotate(450deg)
	}
}